//index.js
//获取应用实例
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //被点击的首页导航的菜单索引
    currentIndexNav:0,
    //首页导航数据
    navList:[],
    //轮播图数据
    swiperList:[],
    //视频列表数据
    videosList:[]

  },
  
  //点击首页导航按钮
  activeNav(e){
    //console.log(123);
    this.setData({
      currentIndexNav:e.target.dataset.index
    })
  },

  //获取首页导航数据
  getNavList(){
    let that=this;
    //利用小程序内置发送请求的方法
    wx.request({
      url: "https://www.fastmock.site/mock/0cc8353a68511aad722aa387610a4ce1/bili/navList",
      //请求成功后会返回的回调函数
      success(res){
        //console.log(res);
        // 如果等于0，列表发送成功
        if(res.data.code===0){
          that.setData({
            navList:res.data.data.navList
          })
        }
      }
    })
  },
  /*获取轮播图数据 */
  getSwiperList() {
    let that = this
    wx.request({
      url: 'https://www.fastmock.site/mock/6907fc94db7def085d5f47570c6481b6/bili/swiperList',
      success(res) {
        //console.log(res);
        if (res.data.code === 0) {
          that.setData({
            swiperList: res.data.data.swiperList
          })
        }
      }
    })

  },
  // 获取视频列表数据
  getVideosList(){
      var that = this
      wx.request({
        url: 'https://www.fastmock.site/mock/6907fc94db7def085d5f47570c6481b6/bili/videosList',
        success(res) {
          console.log(res);
          if (res.data.code === 0) {
            that.setData({
              videosList: res.data.data.videosList
            })
          }
        }
      })
    },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 1.获取首页导航数据
    this.getNavList();
    //2.获取轮播图数据函数
    this.getSwiperList();
    //3.获取视频列表数据函数
    this.getVideosList();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})